<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport"
			content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" href="./css/reset.css">
		<link rel="stylesheet" href="./css/shoppingcar.css">
		<title></title>
	</head>
	<body class="relative">
		<header class="header">
			<span class="add-address">购物车</span>
		</header>

		<ul class="car-list">
			<li class="relative">
				<div class="item">
					<div class="checkbox-box relative">
						<input class="checkbox" type="checkbox">
						<img src="./img/shoppingcar/tick.png" alt="">
					</div>
					<div class="photo">
						<img src="./img/shoppingcar/bed_use.jpg" alt="">
					</div>
					<div class="text-box">
						<div class="goods-text">
							<div class="goods-title">丛林物语双面印花磨毛四件套</div>
							<div class="goods-info">1.8米;米白色</div>
						</div>
						<div class="price-num">
							<div class="goods-price">￥399.00</div>
							<div class="num">
								<div class="descline">-</div>
								<div class="number">1</div>
								<div class="add">+</div>
							</div>
						</div>
					</div>
				</div>
				<img class="cross" src="./img/shoppingcar/cross.png" alt="">
			</li>
			<li class="relative">
				<div class="item">
					<div class="checkbox-box relative">
						<input class="checkbox" type="checkbox">
						<img src="./img/shoppingcar/tick.png" alt="">
					</div>
					<div class="photo">
						<img src="./img/shoppingcar/bracelet.jpg" alt="">
					</div>
					<div class="text-box">
						<div class="goods-text">
							<div class="goods-title">璀璨灵动 手镯</div>
							<div class="goods-info">手镯</div>
						</div>
						<div class="price-num">
							<div class="goods-price">￥181.00</div>
							<div class="num">
								<div class="descline">-</div>
								<div class="number">1</div>
								<div class="add">+</div>
							</div>
						</div>
					</div>
				</div>
				<img class="cross" src="./img/shoppingcar/cross.png" alt="">
			</li>
			<li class="relative">
				<div class="item">
					<div class="checkbox-box relative">
						<input class="checkbox" type="checkbox">
						<img src="./img/shoppingcar/tick.png" alt="">
					</div>
					<div class="photo">
						<img src="./img/shoppingcar/trunk.jpg" alt="">
					</div>
					<div class="text-box">
						<div class="goods-text">
							<div class="goods-title">28寸 纯PC"铝矿" (非全铝)</div>
							<div class="goods-info">神秘灰</div>
						</div>
						<div class="price-num">
							<div class="goods-price">￥439.00</div>
							<div class="num">
								<div class="descline">-</div>
								<div class="number">1</div>
								<div class="add">+</div>
							</div>
						</div>
					</div>
				</div>
				<img class="cross" src="./img/shoppingcar/cross.png" alt="">
			</li>
		</ul>

		<div class="guess-love">
			<div class="title">
				猜你喜欢
			</div>
			<ul class="guess-list">
				<li>
					<img class="goods" src="./img/shoppingcar/silver.jpg" alt="">
					<div class="name">璀璨灵动 银项链</div>
					<div class="price">￥300</div>
				</li>
				<li>
					<img class="goods" src="./img/shoppingcar/gold.jpg" alt="">
					<div class="name">璀璨灵动 金项链</div>
					<div class="price">￥460</div>
				</li>
				<li>
					<img class="goods" src="./img/shoppingcar/bed-pink.jpg" alt="">
					<div class="name">璀璨灵动 金项链</div>
					<div class="price">￥460</div>
				</li>
				<li>
					<img class="goods" src="./img/shoppingcar/bed-lightgreen.jpg" alt="">
					<div class="name">璀璨灵动 金项链</div>
					<div class="price">￥460</div>
				</li>
				<li>
					<img class="goods" src="./img/shoppingcar/bed-green.jpg" alt="">
					<div class="name">璀璨灵动 金项链</div>
					<div class="price">￥460</div>
				</li>
				<li>
					<img class="goods" src="./img/shoppingcar/trunk-pink.jpg" alt="">
					<div class="name">璀璨灵动 金项链</div>
					<div class="price">￥460</div>
				</li>
				<li>
					<img class="goods" src="./img/shoppingcar/trunk-blue.jpg" alt="">
					<div class="name">璀璨灵动 金项链</div>
					<div class="price">￥460</div>
				</li>
				<li>
					<img class="goods" src="./img/shoppingcar/trunk-yellow.jpg" alt="">
					<div class="name">璀璨灵动 金项链</div>
					<div class="price">￥460</div>
				</li>
			</ul>
		</div>

		<div class="car-order">
			<div class="select">
				<div class="checkbox-box relative">
					<input class="checkbox" type="checkbox">
					<img src="./img/shoppingcar/tick.png" alt="">
				</div>
				<span>全选</span>
			</div>
			<div class="all">
				<div class="price">￥181.00</div>
				<div class="order-btu">下单</div>
			</div>
		</div>

		<ul class="bottom">
			<li>
				<img src="./img/shoppingcar/house.png" alt="">
				<div class="zh">首页</div>
			</li>
			<li>
				<img src="./img/shoppingcar/diamond.png" alt="">
				<div class="zh">优选</div>
			</li>
			<li>
				<img src="./img/shoppingcar/sort.png" alt="">
				<div class="zh">分类</div>
			</li>
			<li>
				<img src="./img/shoppingcar/shoppingcar.png" alt="">
				<div class="zh">购物车</div>
			</li>
			<li>
				<img src="./img/shoppingcar/self.png" alt="">
				<div class="zh">我的</div>
			</li>
		</ul>

		<div class="back">
			<img src="./img/shoppingcar/angle-upon.png" alt="">
		</div>
	</body>
</html>
